<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>粉丝</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<!--[if lt IE 9]>
	    <script src= "../assets/html5shiv.min.js"></script>
		<script src="../assets/respond.min.js"></script>
	<![endif]-->
	<link rel="stylesheet" href="../assets/reset.css" />
	<link rel="stylesheet" href="../css/fans.css" />
	<script type="text/javascript" src="../assets/flexible/flexible.debug.js" ></script>
	<script type="text/javascript" src="../assets/flexible/flexible_css.debug.js" ></script>
	</head>
	<body>
		<header class="header">
			<dl class="header_left">
				<dt>
					<a href="my.html">
						<img src="../images/img/fanhui@2x.png" />
					</a>
				</dt>
			</dl>
			<a href="" class="header_center">粉丝</a>
			<a href="" class="header_right"></a>
		</header>
		
		<div class="div">
			<img src="../images/img/fengexian@3x.png" />
		</div>
		
		<div class="tabody">
			<span>
				<img src="../images/img/daxiong.png" />
			</span>
			<span>
				<p class="p">大雄</p>
				<p>这个家伙很懒什么都没留下..</p>
			</span>
			<span>
				<button class="btn">关注</button>
			</span>
			
		</div>
		<div class="div">
			<img src="../images/img/fengexian@3x.png" />
		</div>
		
		<div class="tabody">
			<span>
				<img src="../images/img/xiaofu.png" />
			</span>
			<span>
				<p class="p">大雄</p>
				<p>这个家伙很懒什么都没留下..</p>
			</span>
			<span>
				<button class="btn">关注</button>
			</span>
			
		</div>
		<div class="div">
			<img src="../images/img/fengexian@3x.png" />
		</div>
		
		<div class="tabody">
			<span>
				<img src="../images/img/daxiong.png" />
			</span>
			<span>
				<p class="p">大雄</p>
				<p>这个家伙很懒什么都没留下..</p>
			</span>
			<span>
				<button class="btn">关注</button>
			</span>
			
		</div>
		<div class="div">
			<img src="../images/img/fengexian@3x.png" />
		</div>
		
		<div class="tabody">
			<span>
				<img src="../images/img/xiaofu.png" />
			</span>
			<span>
				<p class="p">大雄</p>
				<p>这个家伙很懒什么都没留下..</p>
			</span>
			<span>
				<button class="btn">关注</button>
			</span>
			
		</div>
		<div class="div">
			<img src="../images/img/fengexian@3x.png" />
		</div>
		
		<div class="tabody">
			<span>
				<img src="../images/img/daxiong.png" />
			</span>
			<span>
				<p class="p">大雄</p>
				<p>这个家伙很懒什么都没留下..</p>
			</span>
			<span>
				<button class="btn">关注</button>
			</span>
			
		</div>
		<div class="div">
			<img src="../images/img/fengexian@3x.png" />
		</div>
		
		<div class="tabody">
			<span>
				<img src="../images/img/xiaofu.png" />
			</span>
			<span>
				<p class="p">大雄</p>
				<p>这个家伙很懒什么都没留下..</p>
			</span>
			<span>
				<button class="btn">关注</button>
			</span>
			
		</div>
		<div class="div">
			<img src="../images/img/fengexian@3x.png" />
		</div>
		
		<div class="tabody">
			<span>
				<img src="../images/img/daxiong.png" />
			</span>
			<span>
				<p class="p">大雄</p>
				<p>这个家伙很懒什么都没留下..</p>
			</span>
			<span>
				<button class="btn">关注</button>
			</span>
			
		</div>
		<div class="div">
			<img src="../images/img/fengexian@3x.png" />
		</div>
		
		<div class="tabody">
			<span>
				<img src="../images/img/xiaofu.png" />
			</span>
			<span>
				<p class="p">大雄</p>
				<p>这个家伙很懒什么都没留下..</p>
			</span>
			<span>
				<button class="btn">关注</button>
			</span>
			
		</div>
		<div class="div">
			<img src="../images/img/fengexian@3x.png" />
		</div>
		
		<div class="tabody">
			<span>
				<img src="../images/img/daxiong.png" />
			</span>
			<span>
				<p class="p">大雄</p>
				<p>这个家伙很懒什么都没留下..</p>
			</span>
			<span>
				<button class="btn">关注</button>
			</span>
			
		</div>
		<div class="div">
			<img src="../images/img/fengexian@3x.png" />
		</div>
		
		<div class="tabody">
			<span>
				<img src="../images/img/xiaofu.png" />
			</span>
			<span>
				<p class="p">大雄</p>
				<p>这个家伙很懒什么都没留下..</p>
			</span>
			<span>
				<button class="btn">关注</button>
			</span>
			
		</div>
		<div class="div">
			<img src="../images/img/fengexian@3x.png" />
		</div>
		
		<script type="text/javascript" src="../assets/jquery-3.2.1.min.js" ></script>
		
		<script>
		$(function(){
		$('.btn').click(function(){
			if($(this).text() == '已关注'){
				$(this).addClass('btn');
				$(this).text('关注');
			}else{
				$(this).removeClass('btn');
				$(this).text('已关注');
			}
		})
	});
		</script>
		
	</body>
</html>
